﻿namespace Smarly.Idml.Package.Stories
{
	public class Story_uee : PackageFile
	{
		public override string Folder
		{
			get { return "Stories"; }
		}

		public override string FileName
		{
			get { return "Story_uee.xml"; }
		}


		protected override string Text
		{
			get { return @"<?xml version=""1.0"" encoding=""UTF-8"" standalone=""yes""?>
<idPkg:Story xmlns:idPkg=""http://ns.adobe.com/AdobeInDesign/idml/1.0/packaging"" DOMVersion=""8.0"">
	<Story Self=""uee"" AppliedTOCStyle=""n"" TrackChanges=""false"" StoryTitle=""$ID/"" AppliedNamedGrid=""n"">
		<StoryPreference OpticalMarginAlignment=""false"" OpticalMarginSize=""12"" FrameType=""TextFrameType"" StoryOrientation=""Horizontal"" StoryDirection=""LeftToRightDirection"" />
		<InCopyExportOption IncludeGraphicProxies=""true"" IncludeAllResources=""false"" />
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>Каскадные таблицы стилей плотно связаны с HTML и являются средством управления внешним видом элементов HTML документа. Для jQuery CSS являются особенно важными по двум причинам. Первая заключается в том, что вы можете использовать селекторы CSS (которые я опишу в данной главе), чтобы jQuery мог искать элементы в HTML документе. Вторая причина заключается в том, что одной из главных задач, для которых используется jQuery, – это изменение стилей CSS, применяемых к элементам.</Content>
				<Br />
				<Content>Существует более 130 CSS свойств, каждое из которых контролирует один из аспектов представления элементов. Также как и у HTML, у CSS слишком много свойств, чтобы я смог описать их все в этой книге. Вместо этого я сфокусировался на том, как работает CSS и как применять стили к элементам. Если вы хотите получить полную информацию о CSS, вы можете прочесть другую мою книгу Полное руководство по HTML5 (The Definitive Guide to HTML5), также изданную Apress.</Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.h2"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>Приступаем к работе с CSS</Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>Когда браузер отображает на экране элемент, он использует набор свойств, известных также как CSS свойства, чтобы определить, как должен выглядеть элемент. В листинге 3-1 показан простой HTML документ.</Content>
				<Br />
				<Content>Каскадные таблицы стилей плотно связаны с HTML и являются средством управления внешним видом элементов HTML документа. Для jQuery CSS являются особенно важными по двум причинам. Первая заключается в том, что вы можете использовать селекторы CSS (которые я опишу в данной главе), чтобы jQuery мог искать элементы в HTML документе. Вторая причина заключается в том, что одной из главных задач, для которых используется jQuery, – это изменение стилей CSS, применяемых к элементам.</Content>
				<Br />
				<Content>Существует более 130 CSS свойств, каждое из которых контролирует один из аспектов представления элементов. Также как и у HTML, у CSS слишком много свойств, чтобы я смог описать их все в этой книге. Вместо этого я сфокусировался на том, как работает CSS и как применять стили к элементам. Если вы хотите получить полную информацию о CSS, вы можете прочесть другую мою книгу Полное руководство по HTML5 (The Definitive Guide to HTML5), также изданную Apress.</Content>
				<Br />
				<Content>Когда браузер отображает на экране элемент, он использует набор свойств, известных также как CSS свойства, чтобы определить, как должен выглядеть элемент. В листинге 3-1 показан простой HTML документ.</Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.h2"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>Каскадные таблицы </Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body first"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>стилей плотно связаны с HTML и являются средством управления внешним видом элементов HTML документа. Для jQuery CSS являются особенно важными по двум причинам. Первая заключается в том, что вы можете использовать селекторы CSS (которые я опишу в данной главе), чтобы jQuery мог искать элементы в HTML документе. Вторая причина заключается в том, что одной из главных задач, для которых используется jQuery, – это изменение стилей CSS, применяемых к элементам.</Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>Существует более 130 CSS свойств, каждое из которых контролирует один из аспектов представления элементов. Также как и у HTML, у CSS слишком много свойств, чтобы я смог описать их все в этой книге. Вместо этого я сфокусировался на том, как работает CSS и как применять стили к элементам. Если вы хотите получить полную информацию о CSS, вы можете прочесть другую мою книгу Полное руководство по HTML5 (The Definitive Guide to HTML5), также изданную Apress.</Content>
				<Br />
				<Content>Приступаем к работе с CSS</Content>
				<Br />
				<Table Self=""ueei746"" HeaderRowCount=""1"" FooterRowCount=""0"" BodyRowCount=""2"" ColumnCount=""2"" AppliedTableStyle=""TableStyle/.blockquote"" TableDirection=""LeftToRightDirection"">
					<Row Self=""ueei746Row0"" Name=""0"" SingleRowHeight=""23.5"" MinimumHeight=""23.5"" />
					<Row Self=""ueei746Row1"" Name=""1"" SingleRowHeight=""54.5"" />
					<Row Self=""ueei746Row2"" Name=""2"" SingleRowHeight=""156"" />
					<Column Self=""ueei746Column0"" Name=""0"" SingleColumnWidth=""35.50000000000006"" />
					<Column Self=""ueei746Column1"" Name=""1"" SingleColumnWidth=""396.49999999999994"" />
					<Cell Self=""ueei746i0"" Name=""0:0"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.blockquote left"" AppliedCellStylePriority=""1"" LeftEdgeStrokePriority=""1"" RightEdgeStrokePriority=""1"" TopEdgeStrokePriority=""1"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body"" Justification=""LeftAlign"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"" />
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei746i11"" Name=""1:0"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.blockqoute right"" AppliedCellStylePriority=""2"" LeftEdgeStrokePriority=""1"" RightEdgeStrokePriority=""1"" TopEdgeStrokePriority=""1"" BottomEdgeStrokePriority=""1"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body first"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/.bold"">
								<Content>Совет</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei746i3"" Name=""0:1"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.blockquote left"" AppliedCellStylePriority=""1"" LeftEdgeStrokePriority=""1"" RightEdgeStrokePriority=""1"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body"" Justification=""LeftAlign"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"" />
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei746i10"" Name=""1:1"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.blockqoute right"" AppliedCellStylePriority=""2"" LeftEdgeStrokePriority=""1"" RightEdgeStrokePriority=""1"" BottomEdgeStrokePriority=""2"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body first"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Когда я писал эту книгу, последней версией jQuery была версия 1.7. jQuery очень активно разрабатывается, поэтому к тому времени, когда вы будете читать эту книгу, скорее всего выйдет новая версия. Однако те возможности, которые я описываю в книге, будут все равно представлены.</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei746i6"" Name=""0:2"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.blockquote left"" AppliedCellStylePriority=""1"" LeftEdgeStrokePriority=""1"" RightEdgeStrokePriority=""2"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body"" Justification=""LeftAlign"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"" />
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei746ie"" Name=""1:2"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.blockqoute right"" AppliedCellStylePriority=""3"" LeftEdgeStrokePriority=""2"" RightEdgeStrokePriority=""2"" TopEdgeStrokePriority=""2"" BottomEdgeStrokePriority=""2"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body first"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Альтернативой к хранению библиотеки jQuery на собственном веб сервере является использование одной из публичных сетей дистрибуции контента (CDNs), которая содержит jQuery. CDN – это дистрибуционная сеть серверов, которые доставляют файлы пользователю, используя ближайший сервер. Есть несколько преимуществ использования CDN. Во-первых, это более быстрая передача данных пользователю, потому что файлы библиотеки jQuery подгружаются с сервера, ближайшего к нему, а не с ваших серверов. Зачастую файл вообще не требуется. jQuery настолько популярен, что браузеры пользователей могут кэшировать библиотеку из других приложений, которые используют jQuery. Второе преимущество заключается в том, что ваш драгоценный и дорогой трафик не тратится на передачу jQuery пользователю. Для сайтов с большим трафиком это может быть реальной экономией средств.</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
				</Table>
				<Br />
				<Content>Когда браузер отображает на экране элемент, он использует набор свойств, известных также как CSS свойства, чтобы определить, как должен выглядеть элемент. В листинге 3-1 показан простой HTML документ.</Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.h3"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>Основы </Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>Каскадные таблицы стилей плотно связаны с HTML и являются средством управления внешним видом элементов HTML документа. Для jQuery CSS являются особенно важными по двум причинам. Первая заключается в том, что вы можете использовать селекторы CSS (которые я опишу в данной главе), чтобы jQuery мог искать элементы в HTML документе. Вторая причина заключается в том, что одной из главных задач, для которых используется jQuery, – это изменение стилей CSS, применяемых к элементам.</Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.h4"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>CSS</Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>Существует более 130 CSS свойств, каждое из которых контролирует один из аспектов представления элементов. Также как и у HTML, у CSS слишком много свойств, чтобы я смог описать их все в этой книге. </Content>
				<Br />
				<Table Self=""ueei772"" HeaderRowCount=""0"" FooterRowCount=""0"" BodyRowCount=""1"" ColumnCount=""2"" AppliedTableStyle=""TableStyle/.blockquote listing"" TableDirection=""LeftToRightDirection"">
					<Row Self=""ueei772Row0"" Name=""0"" SingleRowHeight=""18"" />
					<Column Self=""ueei772Column0"" Name=""0"" SingleColumnWidth=""36.75"" />
					<Column Self=""ueei772Column1"" Name=""1"" SingleColumnWidth=""395.25000000000017"" />
					<Cell Self=""ueei772i0"" Name=""0:0"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/$ID/[None]"" AppliedCellStylePriority=""0"" RightEdgeStrokePriority=""1"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"" />
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei772i1"" Name=""1:0"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.blockqoute right"" AppliedCellStylePriority=""1"" LeftEdgeStrokePriority=""1"" RightEdgeStrokePriority=""1"" TopEdgeStrokePriority=""1"" BottomEdgeStrokePriority=""1"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body first"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/.bold"">
								<Content>Листинг 5-2:</Content>
							</CharacterStyleRange>
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content> Первый скрипт с jQuery</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
				</Table>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.listing"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>&lt;!DOCTYPE html&gt;</Content>
				<Br />
				<Content>&lt;html&gt;</Content>
				<Br />
				<Content>&lt;head&gt;</Content>
				<Br />
				<Content>	&lt;title&gt;Example&lt;/title&gt;</Content>
				<Br />
				<Content>	&lt;script src=&quot;jquery-1.7.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</Content>
				<Br />
				<Content>	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;styles.css&quot; /&gt;</Content>
				<Br />
				<Content>	&lt;script type=&quot;text/javascript&quot;&gt;</Content>
				<Br />
				<Content>		$(document).ready(function () {</Content>
				<Br />
				<Content>			$(&quot;img:odd&quot;).mouseenter(function (e) {</Content>
				<Br />
				<Content>				$(this).css(&quot;opacity&quot;, 0.5);</Content>
				<Br />
				<Content>			}).mouseout(function (e) {</Content>
				<Br />
				<Content>				$(this).css(&quot;opacity&quot;, 1.0);</Content>
				<Br />
				<Content>			});</Content>
				<Br />
				<Content>		});</Content>
				<Br />
				<Content>	&lt;/script&gt;</Content>
				<Br />
				<Content>&lt;/head&gt;</Content>
				<Br />
				<Content>&lt;body&gt;</Content>
				<Br />
				<Content>	&lt;h1&gt;</Content>
				<Br />
				<Content>		Jacqui&quot;s Flower Shop&lt;/h1&gt;</Content>
				<Br />
				<Content>	&lt;form method=&quot;post&quot;&gt;</Content>
				<Br />
				<Content>	&lt;div id=&quot;oblock&quot;&gt;</Content>
				<Br />
				<Content>		&lt;div class=&quot;dtable&quot;&gt;</Content>
				<Br />
				<Content>			&lt;div id=&quot;row1&quot; class=&quot;drow&quot;&gt;</Content>
				<Br />
				<Content>				&lt;div class=&quot;dcell&quot;&gt;</Content>
				<Br />
				<Content>					&lt;img src=&quot;astor.png&quot; /&gt;&lt;label for=&quot;astor&quot;&gt;Astor:&lt;/label&gt;</Content>
				<Br />
				<Content>					&lt;input name=&quot;astor&quot; value=&quot;0&quot; required&gt;</Content>
				<Br />
				<Content>				&lt;/div&gt;</Content>
				<Br />
				<Content>				&lt;div class=&quot;dcell&quot;&gt;</Content>
				<Br />
				<Content>					&lt;img src=&quot;daffodil.png&quot; /&gt;&lt;label for=&quot;daffodil&quot;&gt;Daffodil:&lt;/label&gt;</Content>
				<Br />
				<Content>					&lt;input name=&quot;daffodil&quot; value=&quot;0&quot; required&gt;</Content>
				<Br />
				<Content>				&lt;/div&gt;</Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.listing"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>				&lt;div class=&quot;dcell&quot;&gt;</Content>
				<Br />
				<Content>					&lt;img src=&quot;rose.png&quot; /&gt;&lt;label for=&quot;rose&quot;&gt;Rose:&lt;/label&gt;</Content>
				<Br />
				<Content>					&lt;input name=&quot;rose&quot; value=&quot;0&quot; required&gt;</Content>
				<Br />
				<Content>				&lt;/div&gt;</Content>
				<Br />
				<Content>			&lt;/div&gt;</Content>
				<Br />
				<Content>			&lt;div id=&quot;row2&quot; class=&quot;drow&quot;&gt;</Content>
				<Br />
				<Content>				</Content>
			</CharacterStyleRange>
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/.bold"">
				<Content>&lt;div class=&quot;dcell&quot;&gt;</Content>
				<Br />
				<Content>					&lt;img src=&quot;peony.png&quot; /&gt;&lt;label for=&quot;peony&quot;&gt;Peony:&lt;/label&gt;</Content>
				<Br />
				<Content>					&lt;input name=&quot;peony&quot; value=&quot;0&quot; required&gt;</Content>
				<Br />
				<Content>				&lt;/div&gt;</Content>
				<Br />
			</CharacterStyleRange>
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>				&lt;div class=&quot;dcell&quot;&gt;</Content>
				<Br />
				<Content>					&lt;img src=&quot;primula.png&quot; /&gt;&lt;label for=&quot;primula&quot;&gt;Primula:&lt;/label&gt;</Content>
				<Br />
				<Content>					&lt;input name=&quot;primula&quot; value=&quot;0&quot; required&gt;</Content>
				<Br />
				<Content>				&lt;/div&gt;</Content>
				<Br />
				<Content>				&lt;div class=&quot;dcell&quot;&gt;</Content>
				<Br />
				<Content>					&lt;img src=&quot;snowdrop.png&quot; /&gt;&lt;label for=&quot;snowdrop&quot;&gt;Snowdrop:&lt;/label&gt;</Content>
				<Br />
				<Content>					&lt;input name=&quot;snowdrop&quot; value=&quot;0&quot; required&gt;</Content>
				<Br />
				<Content>				&lt;/div&gt;</Content>
				<Br />
				<Content>			&lt;/div&gt;</Content>
				<Br />
				<Content>		&lt;/div&gt;</Content>
				<Br />
				<Content>	&lt;/div&gt;</Content>
				<Br />
				<Content>	&lt;div id=&quot;buttonDiv&quot;&gt;</Content>
				<Br />
				<Content>		&lt;button type=&quot;submit&quot;&gt;</Content>
				<Br />
				<Content>			Place Order&lt;/button&gt;&lt;/div&gt;</Content>
				<Br />
				<Content>	&lt;/form&gt;</Content>
				<Br />
				<Content>&lt;/body&gt;</Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.listing last"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>&lt;/html&gt;</Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>Вместо этого я сфокусировался на том, как работает CSS и как применять стили к элементам. Если вы хотите получить полную информацию о CSS, вы можете прочесть другую мою книгу Полное руководство по HTML5 (The Definitive Guide to HTML5), также изданную Apress.</Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.h2"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>Приступаем к работе с CSS</Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>Когда браузер отображает на экране элемент, он использует набор свойств, известных также как CSS свойства, чтобы определить, как должен выглядеть элемент. В листинге 3-1 показан простой HTML документ.</Content>
				<Br />
				<Content>Когда браузер отображает на экране элемент, он использует набор свойств, известных также как CSS свойства, чтобы определить, как должен выглядеть элемент. В листинге 3-1 показан простой HTML документ.</Content>
				<Br />
				<Content>Основы CSS</Content>
				<Br />
				<Content>Каскадные таблицы стилей плотно связаны с HTML и являются средством управления внешним видом элементов HTML документа. Для jQuery CSS являются особенно важными по двум причинам. Первая заключается в том, что вы можете использовать селекторы CSS (которые я опишу в данной главе), чтобы jQuery мог искать элементы в представления элементов. Также как и у HTML, у CSS слишком много свойств, чтобы я которых используется jQuery, – это изменение стилей CSS, применяемых к элементам.</Content>
				<Br />
				<Content>Существует более 130 CSS свойств, каждое из которых контролирует один из аспектов представления элементов. Также как и у HTML, у CSS слишком много свойств, чтобы я смог описать их все в этой книге. Вместо этого я сфокусировался на том, как работает CSS и как применять стили к элементам. Если вы хотите получить полную информацию о CSS, вы можете прочесть другую мою книгу Полное руководство по HTML5 (The Definitive Guide to HTML5), также изданную Apress.</Content>
				<Br />
				<Content>Когда браузер отображает на экране элемент, он использует набор свойств, известных также как CSS свойства, чтобы определить, как должен выглядеть элемент. В листинге 3-1 показан простой HTML документ.</Content>
				<Br />
				<Content>Каскадные таблицы стилей плотно связаны с HTML и являются средством управления внешним видом элементов HTML документа. Для jQuery CSS являются особенно важными по двум причинам. Первая заключается в том, что вы можете использовать селекторы CSS (которые я опишу в данной главе), чтобы jQuery мог искать элементы в HTML документе. Вторая причина заключается в том, что одной из главных задач, для которых используется jQuery, – это изменение стилей CSS, применяемых к элементам.</Content>
				<Br />
				<Content>Существует более 130 CSS свойств, каждое из которых контролирует один из аспектов представления элементов. Также как и у HTML, у CSS слишком много свойств, чтобы я смог описать их все в этой книге. Вместо этого я сфокусировался на том, как работает CSS и как применять стили к элементам. Если вы хотите получить полную информацию о CSS, вы можете прочесть другую мою книгу Полное руководство по HTML5 (The Definitive Guide to HTML5), также изданную Apress.</Content>
				<Br />
				<Content>Приступаем к работе с CSS</Content>
				<Br />
				<Content>Когда браузер отображает на экране элемент, он использует набор свойств, известных также как CSS свойства, чтобы определить, как должен выглядеть элемент. В листинге 3-1 показан простой HTML документ.</Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.h5"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>Основы CSS</Content>
				<Br />
			</CharacterStyleRange>
		</ParagraphStyleRange>
		<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.body"">
			<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
				<Content>Каскадные таблицы стилей плотно связаны с HTML и являются средством управления внешним видом элементов HTML документа. Для jQuery CSS являются особенно важными по двум причинам. Первая заключается в том, что вы можете использовать селекторы CSS (которые я опишу в данной главе), чтобы jQuery мог искать элементы в HTML документе. Вторая причина заключается в том, что одной из главных задач, для которых используется jQuery, – это изменение стилей CSS, применяемых к элементам.</Content>
				<Br />
				<Content>Существует более 130 CSS свойств, каждое из которых контролирует один из аспектов представления элементов. Также как и у HTML, у CSS слишком много свойств, чтобы я смог описать их все в этой книге. Вместо этого я сфокусировался на том, как работает CSS и как применять стили к элементам. Если вы хотите получить полную информацию о CSS, вы можете прочесть другую мою книгу Полное руководство по HTML5 (The Definitive Guide to HTML5), также изданную Apress.</Content>
				<Br />
				<Content>Приступаем к работе с CSS</Content>
				<Br />
				<Content>Когда браузер отображает на экране элемент, он использует набор свойств, известных также как CSS свойства, чтобы определить, как должен выглядеть элемент. В листинге 3-1 показан простой HTML документ.</Content>
				<Br />
				<Br />
				<Table Self=""ueei530"" HeaderRowCount=""1"" FooterRowCount=""0"" BodyRowCount=""5"" ColumnCount=""3"" AppliedTableStyle=""TableStyle/.chapter preview"" TableDirection=""LeftToRightDirection"">
					<Row Self=""ueei530Row0"" Name=""0"" SingleRowHeight=""16.723876953125"" />
					<Row Self=""ueei530Row1"" Name=""1"" SingleRowHeight=""30.776123046875"" MinimumHeight=""15.31640625"" />
					<Row Self=""ueei530Row2"" Name=""2"" SingleRowHeight=""36"" />
					<Row Self=""ueei530Row3"" Name=""3"" SingleRowHeight=""36"" />
					<Row Self=""ueei530Row4"" Name=""4"" SingleRowHeight=""36"" />
					<Row Self=""ueei530Row5"" Name=""5"" SingleRowHeight=""48"" />
					<Column Self=""ueei530Column0"" Name=""0"" SingleColumnWidth=""179.5"" />
					<Column Self=""ueei530Column1"" Name=""1"" SingleColumnWidth=""237.83333333333331"" />
					<Column Self=""ueei530Column2"" Name=""2"" SingleColumnWidth=""54.249999999999986"" />
					<Cell Self=""ueei530i0"" Name=""0:0"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/$ID/[None]"" AppliedCellStylePriority=""0"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/$ID/NormalParagraphStyle"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Задача</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530i1"" Name=""1:0"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/$ID/[None]"" AppliedCellStylePriority=""0"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/$ID/NormalParagraphStyle"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Решение</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530i2"" Name=""2:0"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/$ID/[None]"" AppliedCellStylePriority=""0"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/$ID/NormalParagraphStyle"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Листинг</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530i3"" Name=""0:1"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Создание новых элементов</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530i4"" Name=""1:1"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Добавить HTML фрагмент в $ функцию, используя метод clone или DOM API</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530i5"" Name=""2:1"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>1, 2, 3</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530i6"" Name=""0:2"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Вставить элементы в качестве последних дочерних элементов</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530i7"" Name=""1:2"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Использовать метод append</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530i8"" Name=""2:2"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>4</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530i9"" Name=""0:3"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Вставить элементы в качестве последних дочерних элементов</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530ia"" Name=""1:3"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Использовать метод prepend</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530ib"" Name=""2:3"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>5, 6</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530ic"" Name=""0:4"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Вставить и разместить одинаковые элементы на различных позициях</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530id"" Name=""1:4"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Клонировать элементы перед вставкой</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530ie"" Name=""2:4"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>7, 8</Content>
								<Br />
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530if"" Name=""0:5"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Вставить содержание объекта jQuery в качестве дочерних элементов других элементов</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530i10"" Name=""1:5"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>Использовать методы appendTo или prependTo</Content>
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
					<Cell Self=""ueei530i11"" Name=""2:5"" RowSpan=""1"" ColumnSpan=""1"" AppliedCellStyle=""CellStyle/.cell"" AppliedCellStylePriority=""3"">
						<ParagraphStyleRange AppliedParagraphStyle=""ParagraphStyle/.cell"">
							<CharacterStyleRange AppliedCharacterStyle=""CharacterStyle/$ID/[No character style]"">
								<Content>9</Content>
								<Br />
							</CharacterStyleRange>
						</ParagraphStyleRange>
					</Cell>
				</Table>
			</CharacterStyleRange>
		</ParagraphStyleRange>
	</Story>
</idPkg:Story>
"; }
		}
	}
}